<template>
	<view class="container">
		<!-- 小程序头部兼容 -->
		<!-- #ifdef MP -->
		<view class="mp-search-box">
			<!-- <input class="ser-input" type="text" value="输入关键字搜索" disabled /> -->
			<view class="addressInfo-l">
				<view>{{businessInfo.name}}</view>
				<view @tap="opendMap">
					<image src="../../static/index/address.png" mode="widthFix"></image>
					<text>{{businessInfo.address}}</text>
				</view>
			</view>
			<view class="addressInfo-r">
				<view>
					<image :src="businessInfo.image||'../../static/errorImage.jpg'" mode="aspectFill"></image>
				</view>
				<view>
					{{businessInfo.nameAbbreviation}}
				</view>
			</view>
		</view>
		<!-- #endif -->

		<!-- 头部轮播 -->
		<view class="carousel-section">
			<!-- 标题栏和状态栏占位符 -->
			<view class="titleNview-placing"></view>
			<!-- 背景色区域 -->
			<view class="titleNview-background" :style="{backgroundColor:titleNViewBackground}"></view>
			<swiper class="carousel" circular @change="swiperChange">
				<swiper-item v-for="(item, index) in carouselList" :key="index" class="carousel-item">
					<image :src="item.image" />
				</swiper-item>
			</swiper>
			<!-- 自定义swiper指示器 -->
			<view class="swiper-dots">
				<text class="num">{{swiperCurrent+1}}</text>
				<text class="sign">/</text>
				<text class="num">{{swiperLength}}</text>
			</view>
		</view>
		<view class="ad-1" v-for="(item, index) in bannerList" :key="index">
			<image :src="item.image" />
		</view>
		<!-- 新人专享 -->
		<view class="seckill-section m-t" v-if="newUerList.length>0">
			<view class="s-header">
				<text>新人专享</text>
			</view>
			<scroll-view class="floor-list" scroll-x @scrolltolower="newUerListScroll">
				<view class="scoll-wrapper">
					<block v-for="(item, index) in newUerList" :key="index">
						<indproitem1 v-if="item&&item.length>0" v-for="(items, indexs) in item" :info="items" :key="indexs" :usertype="usertype"></indproitem1>
					</block>
				</view>
			</scroll-view>
		</view>

		<!-- 秒杀楼层 -->
		<view class="seckill-section m-t" v-if="deltimeList.length>0">
			<view class="s-header">
				<text>限时秒杀</text>
				<view>
					<text class="tip" v-if="timeoutstatus==0">即将开始</text>
					<text class="tip" v-if="timeoutstatus==1">仅剩</text>
					<text class="tip" v-if="timeoutstatus==2">已结束</text>
					<block v-if="timeoutstatus<2">
						<text class="second timer">{{h}}</text>
						<text class="hour timer">{{m}}</text>
						<text class="minute timer">{{s}}</text>
					</block>
				</view>
			</view>
			<scroll-view class="floor-list" scroll-x @scrolltolower="deltimeListScroll">
				<view class="scoll-wrapper">
					<block v-for="(item, index) in deltimeList" :key="index">
						<indproitem1 v-if="item&&item.length>0" v-for="(items, indexs) in item" :info="items" :key="indexs" :usertype="usertype"></indproitem1>
					</block>
				</view>
			</scroll-view>
		</view>
		<!-- 正在抢购 -->
		<view class="qging-section">正在抢购</view>
		<view class="xd-section">
			<uni-search-bar placeholder="搜索商品" @confirm="seachover" @input="" radius="50" />
		</view>
		<!-- <view class="xd-section" style="position: relative;">
			<view class="xd-section1">
				<view @tap="listTypeClick" data-type="0" :class="listType == 0 ? 'tab-on':''">
					正在抢购
					<view class="po-l"></view>
				</view>
				<view @tap="listTypeClick" data-type="1" :class="listType == 1 ? 'tab-on':''">
					即将开始
					<view class="po-r"></view>
				</view>
			</view>
			<view class="xd-time" v-if="listType == 0">
				<text class="tip">仅剩</text>
				<text class="second timer">55</text>
				<text class="hour timer">07</text>
				<text class="minute timer">13</text>
			</view>
		</view> -->
		<view class="xd-section xd-section2">
			<scroll-view scroll-x scroll-with-animation show-scrollbar="{false}">
				<view @tap="typeClick" :data-type="item.type" :data-typeid="item.id" :id="item.type + item.id" :class="item.type + item.id == typeType + typeId ? 'on-view' : ''"
				 v-for="(item,index) in typeList" :key="index">
					{{item.name}}
				</view>
			</scroll-view>
		</view>
		<view class="ind-list">
			<block v-for="(item,index) in goodsList" :key="index">
				<indproitem v-if="item&&item.length>0" v-for="(items,indexs) in item" :iteminfo="items" :key="indexs" :usertype="usertype"></indproitem>
			</block>
			<uni-load-more :status="listOver?'noMore': pageNo % maxPageNo == 0 ? 'more' : 'loading'" @tap="loadMoreClick"></uni-load-more>
		</view>
	</view>
</template>

<script>
	import useach from '@/components/uni-search-bar/uni-search-bar.vue';
	import indproitem from '@/components/ind-pro-item.vue';
	import indproitem1 from '@/components/ind-pro-item1.vue';
	import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue";
	import mapll from '@/utils/coordtransform.js';
	var pageSize = 20;
	var postIng = false;
	var newpostIng = false;
	var delpostIng = false;
	var djs = null;
	var delTimeStartTime = ''; //活动开始时间
	var delTimeEndTime = ''; //活动结束时间
	var nowTime = ''; //当前时间
	export default {
		components: {
			useach,
			indproitem,
			indproitem1,
			uniLoadMore
		},
		data() {
			return {
				pageNo: 1,
				newpageNo: 1,
				delpageNo: 1,
				maxPageNo: 60,
				businessInfo: uni.getStorageSync('businessInfo') || {}, //商家信息
				carouselList: uni.getStorageSync('carouselList') || [], //轮播列表
				bannerList: uni.getStorageSync('bannerList') || [], //广告位列表
				newUerList: uni.getStorageSync('newUerList') || [], //新人专享
				deltimeList: uni.getStorageSync('deltimeList') || [], //限时专享
				goodsList: [], //商品列表
				// listType: 0, //列表类型 0-正在抢购 1-即将开始
				newlistOver: false, //列表是否加载完毕
				dellistOver: false, //列表是否加载完毕
				listOver: false, //列表是否加载完毕
				typeList: uni.getStorageSync('typeList') || [], //分类列表
				typeId: '', //分类id 0-全部
				typeType: 'all',
				titleNViewBackground: '#F65451', //顶部背景颜色
				swiperCurrent: 0, //轮播当前位置
				swiperLength: uni.getStorageSync('swiperLength') || 0, //轮播数组长度
				usertype: 0, //是否代理 0-否 1-是
				timeoutstatus: 2, //0-未开始 1-进行中 2-已结束
				h: '00',
				m: '00',
				s: '00',
			};
		},

		onLoad() {
			this.getbusinessInfo(); //商家信息
			this.getnoticeImage(0); //公告 0-轮播列表
			this.getnoticeImage(1); //公告 1-广告位列表
			this.getnewUerList(); //获取新人专享
			this.getdeltimeList(); //获取限时专享
			this.gettypelist();
			this.getgoodsList(); //商品列表
		},
		onShow() {
			if (uni.getStorageSync('userInfo')) {
				this.usertype = uni.getStorageSync('userInfo').isAgent;
				//查询购物车数量
				this.$api.cartProductNum(uni.getStorageSync('userInfo').userCode);
			}
			this.timeout();
		},
		onHide() {
			if (djs) {
				clearInterval(djs);
			}
		},

		//滚动到底部
		onReachBottom() {
			console.log('到底了-----');
			if (!postIng && !this.listOver && this.pageNo % this.maxPageNo != 0) {
				this.pageNo++;
				this.getgoodsList();
			}
		},

		//下拉刷新
		onPullDownRefresh() {
			postIng = false;
			newpostIng = false;
			delpostIng = false;
			djs = null;
			delTimeStartTime = ''; //活动开始时间
			delTimeEndTime = ''; //活动结束时间
			nowTime = ''; //当前时间
			this.pageNo = 1;
			this.newpageNo = 1;
			this.delpageNo = 1;
			this.goodsList = []; //商品列表
			this.newlistOver = false; //列表是否加载完毕
			this.dellistOver = false; //列表是否加载完毕
			this.listOver = false; //列表是否加载完毕
			this.typeId = ''; //分类id 0-全部
			this.typeType = 'all';
			this.swiperCurrent = 0; //轮播当前位置
			this.timeoutstatus = 2; //0-未开始 1-进行中 2-已结束
			this.h = '00';
			this.m = '00';
			this.s = '00';
			this.getbusinessInfo(); //商家信息
			this.getnoticeImage(0); //公告 0-轮播列表
			this.getnoticeImage(1); //公告 1-广告位列表
			this.getnewUerList(); //获取新人专享
			this.getdeltimeList(); //获取限时专享
			this.gettypelist();
			this.getgoodsList(); //商品列表
		},
		methods: {
			// huabimh: function(e) {
			// 	console.log('1------------', e)
			// 	uni.previewImage({
			// 		urls: [e.tempFilePath],
			// 	})
			// },
			/*-----------------------------点击---------------------------------------*/
			/**
			 * 打开地图
			 */
			opendMap: function() {
				let than = this;
				if (than.businessInfo) {
					uni.openLocation({
						name: than.businessInfo.name,
						address: than.businessInfo.address,
						latitude: Number(than.businessInfo.lat),
						longitude: Number(than.businessInfo.lng)
					})
				}
			},
			/**
			 * 加载更多
			 */
			loadMoreClick: function() {
				if (this.pageNo % this.maxPageNo == 0 && !this.listOver) {
					console.log('加载更多------')
					//清空列表
					postIng = false;
					this.pageNo++;
					this.goodsList = [];
					this.getgoodsList()
				}
			},
			/**
			 * 商品详情页跳转
			 * @param {Object} item
			 */
			// navToDetailPage(item) {
			// 	//测试数据没有写id，用title代替
			// 	let id = item.title;
			// 	uni.navigateTo({
			// 		url: `/pages/product/product?id=${id}`
			// 	})
			// },
			/**
			 * 列表类型切换点击
			 * @param {Object} e
			 */
			// listTypeClick(e) {
			// 	this.listType = e.currentTarget.dataset.type;
			// },
			/**
			 * 分类点击
			 * @param {Object} e
			 */
			typeClick(e) {
				console.log('e.currentTarget', e.currentTarget)
				this.typeId = e.currentTarget.dataset.typeid;
				this.typeType = e.currentTarget.dataset.type;
				this.pageNo = 1;
				postIng = false;
				this.listOver = false;
				this.goodsList = [];
				this.getgoodsList()
			},
			/*-----------------------------函数----------------------------------------------*/
			/**
			 * 倒计时
			 */
			timeout: function() {
				if (djs) {
					clearInterval(djs);
				}
				let than = this;
				if (delTimeStartTime && delTimeEndTime) {
					than.nowTime = new Date().getTime();
					let diff = 0;
					if (than.nowTime < delTimeStartTime) {
						//未开始
						than.timeoutstatus = 0;
						diff = delTimeStartTime - than.nowTime;
					} else if (than.nowTime > delTimeStartTime && than.nowTime < delTimeEndTime) {
						//进行中
						than.timeoutstatus = 1;
						diff = delTimeEndTime - than.nowTime;
					} else if (than.nowTime > delTimeEndTime) {
						//已结束
						than.timeoutstatus = 2;
					}
					if (diff > 0) {
						djs = setInterval(function() {
							if (diff > 0) {
								let ht = Math.floor(diff / 1000 / 60 / 60);
								let mt = Math.floor(diff / 1000 / 60 % 60);
								let st = Math.floor(diff / 1000 % 60);
								than.h = ht < 10 ? '0' + ht : ht + '';
								than.m = mt < 10 ? '0' + mt : mt + '';
								than.s = st < 10 ? '0' + st : st + '';
								diff = diff - 1000;
							} else if (diff <= 0) {
								than.timeout();
							}
						}, 1000)
					}
				}
			},

			/**
			 * 新人专享商品列表
			 */
			getnewUerList: function() {
				let than = this;
				if (!newpostIng) {
					newpostIng = true;
					var data = {
						pageNo: than.newpageNo,
						pageSize: pageSize,
						productType: '1'
					};
					than.$api.myPost({
						url: 'productInfoList',
						data: data,
						success(res) {
							newpostIng = false;
							if (res.status == 'success' && res.productList) {
								if (res.productList.length == 0 || res.productList.length < pageSize || than.newpageNo * pageSize >=
									res.totalSize) {
									than.newlistOver = true;
								}
								if (res.productList.length > 0) {
									res.productList.forEach(o => {
										o.imageArr = o.image.split(',');
										o.image = o.imageArr[0];
									})
									than.$set(than.newUerList, than.newpageNo - 1, res.productList);
								}
							}
						}
					})
				}
			},

			/**
			 * 限时专享商品列表
			 */
			getdeltimeList: function() {
				let than = this;
				if (!delpostIng) {
					delpostIng = true;
					var data = {
						pageNo: than.delpageNo,
						pageSize: pageSize,
						productType: '2'
					};
					than.$api.myPost({
						url: 'productInfoList',
						data: data,
						success(res) {
							delpostIng = false;
							if (res.status == 'success' && res.productList) {
								if (res.startTime && res.endTime) {
									delTimeStartTime = res.startTime; //活动开始时间
									delTimeEndTime = res.endTime; //活动结束时间
									//启动倒计时
									than.timeout();
								}
								if (res.productList.length == 0 || res.productList.length < pageSize || than.delpageNo * pageSize >=
									res.totalSize) {
									than.dellistOver = true;
								}
								if (res.productList.length > 0) {
									res.productList.forEach(o => {
										o.imageArr = o.image.split(',');
										o.image = o.imageArr[0];
									})
									than.$set(than.deltimeList, than.delpageNo - 1, res.productList);
								}
							}
						}
					})
				}
			},

			/**
			 * 商品列表
			 */
			getgoodsList: function() {
				let than = this;
				if (!postIng) {
					postIng = true;
					var data = {
						pageNo: than.pageNo,
						pageSize: pageSize,
						productType: '0'
					};
					if (than.typeType == 'one') {
						data.oneCategoryId = than.typeId
					} else if (than.typeType == 'two') {
						data.twoCategoryId = than.typeId
					}
					than.$api.myPost({
						url: 'productInfoList',
						data: data,
						success(res) {
							setTimeout(function() {
								uni.stopPullDownRefresh()
							}, 100)
							postIng = false;
							if (res.status == 'success' && res.productList) {
								if (res.productList.length == 0 || res.productList.length < pageSize || than.pageNo * pageSize >=
									res.totalSize) {
									than.listOver = true;
								}
								if (res.productList.length > 0) {
									res.productList.forEach(o => {
										o.imageArr = o.image.split(',');
										o.image = o.imageArr[0];
									})
									than.$set(than.goodsList, than.pageNo - 1, res.productList);
								}
							}
						}
					})
				}
			},

			/**
			 * 获取分类列表
			 */
			gettypelist: function() {
				let than = this;
				//一级分类列表
				than.$api.myPost({
					url: 'productOneCategoryList',
					data: {},
					success(res) {
						if (res.status == 'success' && res.productOneCategoryList) {
							let list = [{
								name: '全部',
								id: '',
								type: 'all',
							}];
							if (res.productOneCategoryList.length > 0) {
								res.productOneCategoryList.forEach(o => {
									o.type = 'one';
								})
								list = list.concat(res.productOneCategoryList);
							}
							//二级分类列表
							than.$api.myPost({
								url: 'productTwoCategoryList',
								data: {},
								success(res) {
									if (res.status == 'success' && res.productTwoCategoryList) {
										if (res.productTwoCategoryList.length > 0) {
											res.productTwoCategoryList.forEach(o => {
												o.type = 'two';
											})
											list = list.concat(res.productTwoCategoryList);
										}
										than.typeList = list;
										uni.setStorageSync('typeList', list);
									}
								}
							})


						}
					}
				})
			},

			/**
			 * 商家信息
			 */
			getbusinessInfo: function() {
				let than = this;
				than.$api.myPost({
					url: 'businessInfo',
					data: {},
					success(res) {
						if (res.status == 'success' && res.businessInfo) {
							than.businessInfo = res.businessInfo;
							let maplist = mapll.bd09togcj02(than.businessInfo.lng, than.businessInfo.lat);
							than.businessInfo.lng = maplist[0];
							than.businessInfo.lat = maplist[1];
							uni.setStorageSync('businessInfo', res.businessInfo);
						}
					}
				})
			},

			/**
			 * 公告
			 * @param {Object} type 0-轮播列表 1-广告位列表
			 */
			getnoticeImage: function(type) {
				let than = this;
				than.$api.myPost({
					url: 'noticeImage',
					data: {
						type: type
					},
					success(res) {
						if (res.status == 'success' && res.noticeImageList) {
							if (type == 0) {
								than.carouselList = res.noticeImageList;
								than.swiperLength = res.noticeImageList.length;
								uni.setStorageSync('carouselList', res.noticeImageList);
								uni.setStorageSync('swiperLength', res.noticeImageList.length);
							} else if (type == 1) {
								than.bannerList = res.noticeImageList;
								uni.setStorageSync('bannerList', res.noticeImageList);
							}
						}
					}
				})
			},
			/*---------------------------------监听------------------------------------------*/
			/**
			 * 新人专享右滑到底
			 */
			newUerListScroll: function() {
				if (!this.newlistOver && !newpostIng) {
					this.newpageNo++;
					if (this.newpageNo % this.maxPageNo == 0) {
						//清空列表
						this.newUerList = [];
					}
					this.getnewUerList();
				}
			},
			/**
			 * 限时专享右滑到底
			 */
			deltimeListScroll: function() {
				if (!this.dellistOver && !delpostIng) {
					this.delpageNo++;
					this.getdeltimeList();
				}
			},

			/**
			 * 搜索监听
			 */
			seachover: function() {
				//跳转商品列表页
				uni.navigateTo({
					url: '/pages/seach/list'
				})
			},

			//轮播图切换修改背景色
			swiperChange(e) {
				const index = e.detail.current;
				this.swiperCurrent = index;
				// this.titleNViewBackground = this.carouselList[index].background;
			},



		},

	}
</script>

<style lang="scss">
	/* #ifdef MP */
	.mp-search-box {
		position: relative;
		width: 100%;
		padding: 0 5%;
		margin-bottom: 20rpx;
		display: flex;
		z-index: 111;
		margin-top: 20rpx;

		.addressInfo-l {
			width: calc(100% - 80rpx);
			height: 120rpx;
			overflow: hidden;

			view {
				height: 60rpx;
				line-height: 60rpx;
				color: #fff;
				font-size: 30rpx;
				font-weight: bold;

				image {
					width: 30rpx;
					height: 30rpx;
					margin-bottom: -6rpx;
					margin-right: 10rpx;
				}

				text {
					font-size: 24rpx;
					font-weight: normal;
				}
			}
		}

		.addressInfo-r {
			width: 80rpx;
			height: 120rpx;
			overflow: hidden;

			view {
				image {
					width: 80rpx;
					height: 80rpx;
					border-radius: 100rpx;
				}

				color: #fff;
				font-size: 24rpx;
			}
		}
	}

	page {
		.carousel-section {
			padding: 0;

			.titleNview-placing {
				padding-top: 0;
				height: 0;
			}

			.carousel {
				.carousel-item {
					padding: 0;
				}
			}

			.swiper-dots {
				left: 45upx;
				bottom: 40upx;
			}
		}
	}

	.carousel-item {
		padding: 0 3% !important;
	}

	/* #endif */


	page {
		background: #f5f5f5;
	}

	.m-t {
		margin-top: 16upx;
	}

	/* 头部 轮播图 */
	.carousel-section {
		position: relative;
		padding-top: 10px;
		margin-top: -160rpx;

		.titleNview-placing {
			height: var(--status-bar-height);
			padding-top: 44px;
			box-sizing: content-box;
		}

		.titleNview-background {
			width: 100%;
			height: 426upx;
			transition: .4s;
		}
	}

	.carousel {
		width: 100%;
		height: 350upx;
		margin-top: -260rpx;

		.carousel-item {
			width: 100%;
			height: 100%;
			padding: 0 28upx;
			overflow: hidden;
		}

		image {
			width: 100%;
			height: 100%;
			border-radius: 10upx;
		}
	}

	.swiper-dots {
		display: flex;
		position: absolute;
		left: 60upx;
		bottom: 15upx;
		width: 72upx;
		height: 36upx;
		background-image: url();
		background-size: 100% 100%;

		.num {
			width: 36upx;
			height: 36upx;
			border-radius: 50px;
			font-size: 24upx;
			color: #fff;
			text-align: center;
			line-height: 36upx;
		}

		.sign {
			position: absolute;
			top: 0;
			left: 50%;
			line-height: 36upx;
			font-size: 12upx;
			color: #fff;
			transform: translateX(-50%);
		}
	}

	.ad-1 {
		width: 100%;
		// height: 210upx;
		padding: 10upx 0;
		background: #fff;

		image {
			width: 100%;
			// height: 100%;
		}
	}

	/* 秒杀专区 */
	.seckill-section {
		width: 95%;
		padding: 4upx 30upx 24upx;
		background: #fff;

		.s-header {
			display: flex;
			align-items: center;
			height: 92upx;
			line-height: 1;
			justify-content: space-between;

			.s-img {
				width: 140upx;
				height: 30upx;
			}

			.tip {
				font-size: $font-base;
				color: $font-color-light;
				margin: 0 20upx 0 40upx;
			}

			.timer {
				display: inline-block;
				width: 40upx;
				height: 36upx;
				text-align: center;
				line-height: 36upx;
				margin-right: 14upx;
				font-size: $font-sm+2upx;
				color: #fff;
				border-radius: 2px;
				background: rgba(0, 0, 0, .8);
			}
		}

		.floor-list {
			white-space: nowrap;
		}

		.scoll-wrapper {
			display: flex;
			align-items: flex-start;
		}

		margin: 15upx 2.5%;
		border-radius: 15upx;
	}

	.qging-section {
		line-height: 1px;
		text-align: center;
		font-size: 40rpx;
		font-weight: bold;
		color: #fa436a;
		border-left: 19vw solid;
		border-right: 19vw solid;
		margin: 60rpx 14vw;
	}

	.xd-section {
		width: 100%;
		background-color: #fff;
	}

	.xd-section1 {
		width: calc(100% - 32rpx);
		height: 70rpx;
		margin: 0 16rpx;
		border-bottom: 2rpx solid #FA436A;
		overflow: hidden;

		view {
			width: 180rpx;
			background-color: #DCDFE6;
			color: #fff;
			text-align: center;
			line-height: 70rpx;
			font-size: 28rpx;
			float: left;
			border-top-left-radius: 22rpx;
			border-top-right-radius: 22rpx;
			position: relative;
			margin-right: 5rpx;

			view {
				position: absolute;
				z-index: 1;
				background-color: transparent;
			}

			.po-l,
			.po-r {
				width: 0;
				height: 0;
				border-style: solid;
			}
		}
	}

	.xd-section2 {
		position: -webkit-sticky;
		position: sticky;
		top: 0;

		scroll-view {
			width: 100%;
			height: 90rpx;
			white-space: nowrap;
			padding: 0 16rpx;
			padding-top: 8rpx;

			view {
				height: 75rpx;
				line-height: 75rpx;
				font-size: 28rpx;
				color: #555555;
				font-weight: bold;
				margin-right: 40rpx;
				display: inline-block;
			}

			.on-view {
				color: #303133;
				font-size: 30rpx;
				line-height: 73rpx;
				border-bottom: 6rpx solid #FA436A;
			}
		}
	}

	.tab-on {
		background-color: #FA436A !important;

		.po-l {
			top: 2rpx;
			right: -27.5rpx;
			border-width: 34rpx 15rpx;
			border-color: transparent transparent #FA436A #FA436A !important;
		}

		.po-r {
			top: 2rpx;
			left: -24rpx;
			border-width: 34rpx 15rpx;
			border-color: transparent #FA436A #FA436A transparent !important;
		}
	}

	.xd-time {
		position: absolute;
		right: 16rpx;
		top: 6rpx;

		.tip {
			font-size: $font-base;
			color: $font-color-light;
			margin: 0 20upx 0 40upx;
		}

		.timer {
			display: inline-block;
			width: 40upx;
			height: 36upx;
			text-align: center;
			line-height: 36upx;
			margin-right: 14upx;
			font-size: $font-sm+2upx;
			color: #fff;
			border-radius: 2px;
			background: rgba(0, 0, 0, .8);
		}
	}

	.ind-list {
		width: 100%;
		float: left;
		padding-bottom: 20rpx;
		min-height: calc(100vh - 90rpx);
	}

	.uni-load-more {
		width: 100%;
	}
</style>
